<template>
	<view class="">
		<view class="Allpeople">
			<view class="one">
				<text class="nametext">小一</text>
				<text class="tel">12345678901</text>
			</view>
			<view class="rightRadio">
				<!-- 				<view class="text">单选选中：{{JSON.stringify(radio1)}}</view> -->
				<label class="radio">
					<radio value="1" :checked="radio1==='1'" />
				</label>
			</view>
		</view>
		<view class="parttwo ">
			<view class="one">
				<text class="nametext">小一</text>
				<text class="tel">12345678901</text>
			</view>
			<view class="radio">
				<!-- 				<view class="text">单选选中：{{JSON.stringify(radio1)}}</view> -->
				<label class="radio">
					<radio value="1" :checked="radio1==='1'" />
				</label>
			</view>
		</view>
		<view class="partthree">
			<view class="one">
				<text class="nametext">小一</text>
				<text class="tel">12345678901</text>
			</view>
			<view class="rightRadio">
				<!-- 				<view class="text">单选选中：{{JSON.stringify(radio1)}}</view> -->
				<label class="radio">
					<radio value="1" :checked="radio1==='1'" />
				</label>
			</view>
		</view>
		<button class="addBtn" @click="addexamin">添加体检人</button>
		<view class="bottom">
			<button class="bottomBtn">选择</button>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	const radio1 = ref(1)
	const sex = [{
		text: '',
		value: 0
	}]
	const sex1 = [{
		text: '',
		value: 0
	}]
	const addexamin = () => {
		uni.navigateTo({
			url: '/page_checkup/check_addpeople/check_addpeople'
		});
	}
</script>

<style lang="less" scoped>
	.Allpeople {
		width: 690rpx;
		height: 100rpx;
		background-color: rgba(244, 246, 246, 1);
		margin: auto;
		border-radius: 15rpx;
		margin-top: 10rpx;
		display: flex;
		justify-content: space-between;
		line-height: 100rpx;
	}

	.nametext {
		margin-left: 30rpx;
	}

	.tel {
		margin-left: 30rpx;
	}

	.parttwo {
		width: 690rpx;
		height: 100rpx;
		// background-color: #dedede;
		margin: auto;
		border-radius: 15rpx;
		border: 1rpx solid rgba(89, 181, 141, 1);
		margin-top: 20rpx;
		display: flex;
		line-height: 100rpx;
		justify-content: space-between;

	}

	.rightRadio {
		font-size: 24rpx;
	}

	.partthree {
		width: 690rpx;
		height: 100rpx;
		background-color: rgba(244, 246, 246, 1);
		margin: auto;
		border-radius: 15rpx;
		margin-top: 20rpx;
		display: flex;
		line-height: 100rpx;
		justify-content: space-between;
	}

	.addBtn {
		width: 430rpx;
		height: 96rpx;
		margin-top: 100rpx;
		background-color: white;
		border: 1rpx solid rgba(89, 181, 141, 1);
		color: rgba(89, 181, 141, 1);
	}

	.bottom {
		position: fixed;
		bottom: 0;
	}

	.bottomBtn {
		width: 750rpx;
		height: 96rpx;
		background-color: rgba(89, 181, 141, 1);
		color: white;
	}

	.text {
		font-size: 12px;
		color: #666;
		margin-top: 5px;
	}
</style>